@charset "utf-8";
body{width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體"; font-size:14px; line-height:20px;}
html{width:100%; height:100%; min-width:310px;}
.warpper{max-width:640px; margin:0 auto;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}/* Hides from Ie-mac \*/
* html .clearfix{height:1%;}/* end hide from Ie-mac */
a{text-decoration:none;}
.slicknav_menu{display:block;}
img{border:0;}
/* 手機選單、選單 色塊-變色 */
.b-color, .slicknav_menu{background:#d71418;} /* 選單顏色 */
.slicknav_icon-bar{background-color:#a30708;} /* 手機選單ICON按鈕色 */
.slicknav_btn{background:rgba(255,255,255,1); border-top:2px #a30708 solid; border-right:3px #a30708 solid; border-bottom:3px #a30708 solid; border-left:2px #a30708 solid;} /* 手機選單IcON按鈕底色 */
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background:#e15d5d;} /* 選單滑入顏色 */
.slicknav_nav>li{border-bottom:1px solid #f0babb;}
.slicknav_nav>li.first{border-top:1px solid #666;}
.border-color{border-left:7px solid #a0a0a0;} /* 標題顏色 */


header{padding-top:0px;}
.header-c{background:#d71418;}

.head-main{width:100%; max-width:1200px; height:79px; margin:0 auto;}

.head-main .logo{position:absolute; width:176px; left:10px; top:2px;  margin:0; background-size:100%; height:56px}
.head-main .logo a{ display:block;width:176px;  height:56px;}
.head-main .logo img{width:176px; height:56px;}

.head-main .logo-c{ background:url(../images/c-logo-m.png) no-repeat;position:absolute; width:176px; left:10px; top:2px;  margin:0; background-size:100%; height:56px}
.head-main .logo-c a{ display:block;width:176px;  height:56px;}
.head-main .logo-c img{width:176px; height:56px;}


.head-main .t-s{float:right; overflow:hidden; width:100%; margin:10px 0 7px 0; }
.head-tool{list-style:none; padding:0; margin:0 auto; max-width: none; clear:both; text-align:center; width:100%;}

.head-main .service-tel{ color:#fff; line-height:1.4em; margin:5px 0 0 0; text-align:center; }
.head-main .service-tel-title{font-size:16px;display:inline-block;
transform:translateY(0%); padding:0 2px;}
.head-main .service-tel-contect{ font-size:15px;display:inline-block; padding:0 0 0 3px;}
.head-main .service-tel-contect br{ display:none;}
.head-main .service-tel-contect02{  padding:0 10px;}

.head-main .service-tel-c{ color:#fff; line-height:1.4em; margin:5px 0 0 0; text-align:center; }
.head-main .service-tel-title-c{font-size:16px;display:inline-block;
transform:translateY(0%); padding:0 2px;}
.head-main .service-tel-contect-c{ font-size:15px;display:inline-block; padding:0 0 0 3px;}
.head-main .service-tel-contect-c br{ display:none;}
.head-main .service-tel-contect02-c{  padding:0 10px;}

@media screen and (max-width:400px){
.head-main{width:100%; max-width:1200px; height:103px; margin:0 auto;}

.head-main .service-tel-title{font-size:16px;display: block;
transform:translateY(0%); padding:0 2px 5px 2px; clear:both;}
.head-main .service-tel-title-c{font-size:16px;display: block;
transform:translateY(0%); padding:0 2px 5px 2px; clear:both;}
}


.home{display:none;}
.home_w{display:block; width:30px; height:auto;}
.m-banner{width:100%; overflow:hidden; position:relative; z-index:1000;}
.m-banner img{position:absolute; top:-50%;}
.banner img{width:100%;}
.oproject{display:inline; color:#900;}

/* 選單與下拉 */
.slicknav_nav .sub02>ul.sub-menu02{display:none; background:rgba(215,20,24,.7); position:static; margin:0; padding:5px 5px; z-index:999;}
.slicknav_nav.sub02:hover ul.sub-menu02{position:absolute; display: none;  width:100%; left:280px; top:0px; z-index:99;}

.slicknav_nav.sub02>ul.sub-menu02>li{display: none; border-top:1px dashed #f1a397; line-height:1.8em; font-size:17px; text-align: center;}
.slicknav_nav.sub02>ul.sub-menu02:hover li{display: none}
.slicknav_nav.sub02>ul.sub-menu02>li>a{display: nonecolor:#fff; padding:5px;}


/** 推薦行程 **/
.stroke-title-main{ border-bottom:2px #f3a7ab dotted; margin:60px 0 0 0; height:1px;}
.stroke ul li { display: inline-table; width:32.33%; margin:0.5%; text-align:center;}
.stroke-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:234px; vertical-align:middle; text-align:center;}
a.stroke-btn-left { position:absolute; left:.5%; top:40%;text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99; }
a.stroke-btn-right { position:absolute; right:0%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

/** 飯店最新消息 **/
.i-hotel-left{ float:left; width:100%; position:relative; margin:0;}
.i-hotel ul { margin:25px 0 10px 0; padding:0; list-style:none; white-space: nowrap; /* 不斷行 */ width:100%; overflow:hidden;}
.i-hotel ul li { display: inline-table; width:32.33%; margin:.5%; text-align:center;}
.i-hotel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:188px; vertical-align:middle; text-align:center;}
.i-hotel-title{ position: inherit; top:0; left:0; background:#d71418; color:#fff; font-size:18px; padding:10px 20px; text-align:center; max-width:150px; margin:-24px auto 0 auto; }

.i-news-main{ display: block;border-bottom:2px #f3a7ab dotted; margin:40px 0 0 0; height:1px;}
.i-news{ float:left; width:100%; position:relative;}
.i-news-title{ position: inherit; top:0; left:0; background:#d71418; color:#fff; font-size:18px; padding:10px 20px; text-align:center; max-width:150px; margin:-24px auto 0 auto; }
.i-news ul{ font-size:12px; padding:15px; margin:25px 0 10px 0; background:#dadada;}

/** 行程 **/
.i-travel ul li{ text-align:center;padding:0; display: inline-table; width:32.33%; margin:0.5%; text-align:center;}
.i-travel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:128px; vertical-align:middle; text-align:center;}
a.i-travel-btn-left { position:absolute; left:.6%; top:40%;text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99; }
.medical{position:absolute;left:0;top:100%;display:block;background:#333;text-align:center;width:100%; margin:0;height:100%;opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;overflow:hidden; }
.i-travel ul li:hover .carousel-icon{opacity:1;top:10%;}

@media screen and (max-width:630px){
.i-travel ul li{ text-align:center;padding:0; display: inline-table; width:49%; margin:0.5%; text-align:center;}
.i-travel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:191px; vertical-align:middle; text-align:center;}
a.i-travel-btn-right { position:absolute; right:.2%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

}
@media screen and (max-width:530px){
	.i-travel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:160px; vertical-align:middle; text-align:center;}
}

@media screen and (max-width:480px){
.stroke ul li { display: inline-table; width:49%; margin:0.5%; text-align:center;}
.stroke-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:263px; vertical-align:middle; text-align:center;}
a.stroke-btn-right { position:absolute; right:.1%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

.i-hotel ul li { display: inline-table; width:49%; margin:.5%; text-align:center;}
.i-hotel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:211px; vertical-align:middle; text-align:center;}
a.hotel-btn-left { position:absolute; left:.7%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99;}
a.hotel-btn-right { position:absolute; right:.1%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}

.i-travel-photo{background:#fff; width:100%;position:relative; table-layout:fixed;display:flex;align-items:center;justify-content:center;height:144px; vertical-align:middle; text-align:center;}
a.i-travel-btn-left { position:absolute; left:.7%; top:40%;text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-left.png) center center no-repeat; display:block; width:47px; height:47px; z-index:99; }
a.i-travel-btn-right { position:absolute; right:.1%; top:40%; text-decoration:none; font-size:50px; color:#9F9F9F; background:rgba(0,0,0,.5) url(../images/s-arrow-right.png) center center no-repeat ; display:block; width:47px; height:47px; z-index:99;}


}


/** 飯店 **/
.room ul li{width:50%; margin:10px 0; padding:1%; text-align:center; float:left; border-top:1px dashed #d71418;}
.room ul li:nth-child(3){border-top:1px dashed #d71418;}
.room ul li:nth-child(4){border-top:1px dashed #d71418;}

@media screen and (max-width:460px){
	.room ul li{width:100%; margin:10px 0; padding:10px; text-align:center; float:left; border-top:1px dashed #d71418;}
.room ul li:nth-child(2){border-top:1px dashed #d71418;}
.room ul li:nth-child(3){border-top:1px dashed #d71418;}
.room ul li:nth-child(4){border-top:1px dashed #d71418;}

/** 推薦飯店 **/
.r-room ul li{width:100%; margin:10px 0; padding:10px; }
}


/** 相關影片 **/
.room-details .video{}
.room-details .video .contect{ font-size:16px; line-height:1.8em; color:#333; padding:0;}

/** 版型一 **/
.room-block001 .block01 .left01{ float:left; width:100%; margin:0; padding:0 0 8px 0;}
.room-block001 .block01 .right01{float:left; width:100%; padding:8px 0 0 0;}



/** 房型介紹 **/
.room-details .accommodation ul{ list-style: none; padding:0 ; margin:0 1%;color:#8aaccf; font-size:20px;}
.room-details .accommodation ul li{ padding:15px 1%; margin:0; border-bottom:1px #b8b8b8 solid;}

/** 飯店版型二 **/
.room-block002 .block02 .left02{ float:left; width:100%; margin:0 ; padding:0 0 8px 0; }
.room-block002 .block02 .right02{float:left; width:100%;margin:0 ; padding:8px 0 0 0;}

/** 飯店版型三 **/
.room-block003 .block02 .left02{ float:left; width:100%; margin:0; padding:0 0 8px 0;}
.room-block003 .block02 .right02{float:left; width:100%;margin:0; padding:8px 0 0 0;}

/** 標籤頁面 **/
.tag-list-photo a{height:192px;}
@media screen and (max-width:460px){
.tag-list ul li{width:calc(100% - 0px);margin:5px 0; }
.tag-list-photo a{height:auto;}
.tag-list ul li h4{height:auto;}
.tag-list ul li .tag-list-tag{height:auto;}
.tag-list ul li .tag-list-contect{height:auto;}
}

/** 行程 **/
.c-stroke ul li{width:49%; margin:10px .5%; padding:5px; text-align:center; float:left; border:1px solid #b8b8b8;}
.c-stroke-photo a{display:table-cell; height:192px; vertical-align:middle; text-align:center;}
@media screen and (max-width:460px){
	.c-stroke ul li{width:99%; margin:10px .5%; padding:5px; text-align:center; float:left; border:1px solid #b8b8b8;}
.c-stroke-photo a{display:table-cell; height: auto; vertical-align:middle; text-align:center;}

}

/** 介紹版型二 **/
	.stroke-information-block002 .s-block001{ background:url(../images/stroke-details019-1.jpg) no-repeat left top; min-height:306px; margin:8px 0; float:left; width:100%;}
.stroke-information-block002 .s-block001 .s-information .s-information02 .s-contect{ font-size:18px; color:#333; line-height:1.8em; height: auto; overflow:hidden;}

.stroke-information-block002 .s-block002{ background:url(../images/stroke-details020-1.jpg) no-repeat left top; min-height:306px; margin:8px 0;float:left; width:100%; }
.stroke-information-block002 .s-block002 .s-information .s-information02 .s-contect{ font-size:18px; color:#333; line-height:1.8em; height: auto; overflow:hidden;}

.stroke-information-block002 .s-block003{ background:url(../images/stroke-details021-1.jpg) no-repeat left top; min-height:306px; margin:8px 0;float:left; width:100%; }
.stroke-information-block002 .s-block003 .s-information .s-information02 .s-contect{ font-size:18px; color:#333; line-height:1.8em; height: auto; overflow:hidden;}

.stroke-information-block002 .s-block004{ background:url(../images/stroke-details022-1.jpg) no-repeat left top; min-height:306px; margin:8px 0;float:left; width:100%; }
.stroke-information-block002 .s-block004 .s-information .s-information02 .s-contect{ font-size:18px; color:#333; line-height:1.8em; height: auto; overflow:hidden;}

@media screen and (max-width:620px){
	.stroke-information-block002 .s-block001{ background:url(../images/stroke-details019-1.jpg) no-repeat top left; min-height:306px; margin:8px 0;}
.stroke-information-block002 .s-block001 .s-information{ padding:0 3% 0 3%; min-height:306px;position:relative; margin:50% 0 0 0; }
.stroke-information-block002 .s-block002{ background:url(../images/stroke-details020-1.jpg) no-repeat top right; min-height:306px; margin:8px 0;}
.stroke-information-block002 .s-block002 .s-information{ padding:0 3% 0 3%; min-height:306px;position:relative; margin:50% 0 0 0; }
.stroke-information-block002 .s-block003{ background:url(../images/stroke-details021-1.jpg) no-repeat top left; min-height:306px; margin:8px 0;}
.stroke-information-block002 .s-block003 .s-information{ padding:0 3% 0 3%; min-height:306px;position:relative;margin:50% 0 0 0; }
.stroke-information-block002 .s-block004{ background:url(../images/stroke-details022-1.jpg) no-repeat top right; min-height:306px; margin:8px 0;}
.stroke-information-block002 .s-block004 .s-information{   padding:0 3% 0 3%; min-height:306px;position:relative;margin:50% 0 0 0; }

.triangle{width:0px;
height: 0px;
border-style: solid;
border-width:0 80px 120px 80px;
border-color: transparent transparent #809fc3 transparent; position:absolute; top:-120px;left:0px; bottom:inherit; right: inherit; }
.triangle-title{font-size:32px; color:#fff; text-align:center; line-height:1em; position:absolute; top:45px; left:-44px; width:80px; }
.triangle02{width:0px;
height: 0px;
border-style: solid;
border-width:0 80px 120px 80px;
border-color: transparent transparent #809fc3 transparent; position:absolute; top:-120px;right:0px; bottom:inherit; left: inherit; }
.triangle-title02{font-size:32px; color:#fff; text-align:center; line-height:1em; position:absolute; top:45px; left:-44px; width:80px; }

}

/** 照片 **/
.photo ul li{width:50%; margin:10px 0; padding:1% 2%; text-align:center; float:left;}
.photo-photo a{display:table-cell; height:183px; vertical-align:middle; text-align:center;}
@media screen and (max-width:460px){
	.photo ul li{width:100%; margin:10px 0; padding:10px; text-align:center; float:left;}
.photo-photo a{display:table-cell; height: auto; vertical-align:middle; text-align:center;}

}

/** 照片列表 **/
.photo-list ul li{width:50%; margin:10px 0; padding:1%; text-align:center; float:left;}
.photo-list-photo a{display:table-cell; height:191px; vertical-align:middle; text-align:center;}
@media screen and (max-width:550px){
.photo-list-photo a{display:table-cell; height:162px; vertical-align:middle; text-align:center;}

}
@media screen and (max-width:460px){
.photo-list ul li{width:100%; margin:10px 0; padding:10px; text-align:center; float:left;}
.photo-list-photo a{display:table-cell; height: auto; vertical-align:middle; text-align:center;}

}

/** 影片 **/
.movie ul li{width:50%; margin:10px 0; padding:1%; text-align:center; float:left;}
.movie-photo button{display:table-cell; height:191px; vertical-align:middle; text-align:center;background:#fff;}

@media screen and (max-width:550px){
.movie-photo button{display:table-cell; height:163px; vertical-align:middle; text-align:center;background:#fff;}

}
@media screen and (max-width:460px){
.movie ul li{width:100%; margin:10px 0; padding:10px; text-align:center; float:left;}
.movie-photo button{display:table-cell; height: auto; vertical-align:middle; text-align:center;background:#fff;}

}
/** 影片 **/
.video-main{ padding:35px 0;}
.video{padding-bottom:55%;}

/** 行程明細 **/
.c-stroke-details .title01{ background: none; border-bottom:1px #a0a0a0 solid;font-size:40px; color:#353432; font-weight:bold; line-height:1.8em; text-align:center; margin:35px 0 0px 0;}
.c-stroke-details .title02{ background: none; border-bottom:1px #a0a0a0 solid; font-size:40px; color:#353432; font-weight:bold; line-height:1.8em; text-align:center;}
.c-stroke-details .title03{ background: none; border-bottom:1px #a0a0a0 solid; font-size:40px; color:#353432; font-weight:bold; line-height:1.8em; text-align:center;}


/** 航班時間 **/
.c-stroke-details ul.flight li.th{display:none;}
.c-stroke-details .flight td{text-align:left;}
.c-stroke-details .oproject{display:inline;color:#b41712;}
.c-stroke-details .flight .flight-td{text-align: left; border-right:none;font-size:22px;}
.c-stroke-details .flight .flight-td02{text-align: left;font-size:22px;}
.c-stroke-details .flight .flight-td03{text-align: left; border-right:none; font-size:22px; line-height:1.8em;}
.c-stroke-details .flight .flight-td04{text-align: left; border-right:none;font-size:22px;}
.c-stroke-details .flight .flight-td05{text-align: left;font-size:22px;}
.c-stroke-details .flight .flight-td06{text-align: left; border-right:none;font-size:22px; line-height:1.8em;}
.c-stroke-details ul.flight li{padding:15px 0; display: block;align-items:inherit;justify-content:inherit;}
.c-stroke-details .flight .numb{ background:none; padding:0;}
.c-stroke-details .flight .numb02{background:none; padding:0;}
.c-stroke-details ul.flight{list-style:none; margin:15px 0 0 0; padding:0;}

/** 行程版型一 **/
.stroke-block001 .block02 .left01{ float:left; width:100%; margin:0 ; border:2px #cdced0 dotted; padding:20px; font-size:18px; color:#333; line-height:1.8em; }
.stroke-block001 .block02 .right01{float:left; width:100%; padding:16px 0 0 0;}

/** 行程版型二 **/
.stroke-block002 .block01 .left01{ float:left; width:100%;  }
.stroke-block002 .block01 .mid01{float:left; width:100%; margin:0; padding:16px 0;}
.stroke-block002 .block01 .right01{float:left; width:100%; }

.stroke-block002 .block02 .left02{float:left; width:100%; margin:0 ; padding:0 0 16px 0;  }
.stroke-block002 .block02 .right02{float:left; width:100%; border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em;}

/** 行程版型三 **/
.stroke-block003 .block01 .left01{float:left; width:100%; border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em; margin:0; }
.stroke-block003 .block01 .right01{float:left; width:100%; padding:16px 0 0 0;}
.stroke-block003 .block02 .left02{float:left; width:100%; margin:0; padding:0 0 8px 0;  }
.stroke-block003 .block02 .right02{float:left; width:100%; padding:8px 0 0 0;}

/** 行程版型四 **/
.stroke-block004 .block01 .left01{float:left; width:100%; margin:0; padding:0 0 8px 0; }
.stroke-block004 .block01 .right01{float:left; width:100%; margin:0 ; padding:8px 0 0 0;}
.stroke-block004 .block02 .left02{float:left; width:100%; padding:0 0 16px 0;}
.stroke-block004 .block02 .mid02{float:left; width:100%; margin:0 ; border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em; }
.stroke-block004 .block02 .right02{float:left; width:100%; padding:16px 0 0 0;}
.stroke-block004 .block03 .left03{float:left; width:100%; margin:0; padding:0 0 8px 0; }
.stroke-block004 .block03 .right03{float:left; width:100%; margin:0 ; padding:8px 0 0 0;}

/** 行程版型五 **/
.stroke-block005 .block01 .left01{float:left; width:100%; margin:0 ; padding:0 0 16px 0;}
.stroke-block005 .block01 .right01{float:left; width:100%; margin:0 ;border:2px #cdced0 dotted; padding: 20px; font-size:18px; color:#333; line-height:1.8em;}

.stroke-block005 .block02 .left02{float:left; width:100%; margin:0 ; padding:0 0 8px 0;}
.stroke-block005 .block02 .right02{float:left; width:100%; margin:0 ; padding:8px 0 0 0;}

/** 費用相關說明 **/
.cost001{ font-size:16px; color:#333; line-height:1.8em; font-weight:bold; padding:0 0 10px 0;}
.cost002{ padding:10px 0 30px 0;}

.cost002 .c-left{ float:left; width:100%; margin:0 ; line-height:1.8em; font-size:16px; color:#3486ab;font-weight:bold; padding:0 0 8px 0;}
.cost002 .c-right{ float:left; width:100%; margin:0 ;line-height:1.8em; font-size:16px; color:#f57d48;font-weight:bold; padding:8px 0 0 0;}

/* 訂單列表 */
.order-search{padding-left:0px;}
ul.order-list li.th{display:none;}
.order-list{padding-left:0px;}
.order-list-img, .order-list-img02{float:left; width:100%; font-size:15px; text-align:center;}
.order-list-img{height:auto;}
.order-list-img img.pro-photo{width:86%; max-width:180px; height:auto; padding:2%; border:1px #ccc solid; margin:5%; text-align:center;}
.order-list .order-list-td{font-size:15px; color:#333; text-align:left;}
.order-list-name{float:; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.order-list-price{float:left; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.order-list-quantity, .order-list-quantity02{float:left; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.order-list-subtotal, .order-list-subtotal02{float:left; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.order-list-del{float:left; width:100%; padding:20PX 0; font-size:15px; text-align:center;}
.order-list-del a{padding:5px 10%;}
.order-list .portal{width:100%; text-align:center;}
.order-list .freight{width:100%; text-align:center;}
.order-list .oproject{font-size:15px; color:#000; display:inline;}
.order-ditaile-info{padding:0;}

/* 購物車 */
ul.shopping-car-list li.th{display:none;}
.shopping-car{padding-left:0;}
.shop-car-img{width:100%; height:auto; text-align:center; border-bottom:1px #d3d3d3 dotted; margin-bottom:10px; display:block;}
.shop-car-img img.pro-photo{width:86%; max-width:180px; height:auto; padding:10px; border:1px solid #ccc; margin:10px; text-align:center;}
.shop-car-name{float:none; display:block; width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.shop-car-price{width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.shop-car-quantity{width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.shop-car-subtotal{width:100%; padding-top:0PX; font-size:15px; text-align:center;}
.shop-car-del{width:100%; padding:20PX 0; font-size:15px; text-align:center;}
.shop-car-del a{padding:5px 10%;}
.shopping-car .portal{width:100%; text-align:center;}
.shopping-car .freight{width:100%; text-align:center;}
.shopping-car .oproject{font-size:15px; color:#000; display:inline;}
.checkout-box{background:#f4f3f0; padding:10px; margin-left:0px; border-bottom:2px dotted #fff;}

/* 產品專區 */
.pro-store-info{padding:10px 0 10px 0px;}
.pro-list ul li{width:98%; padding:1%;}
.pro-detaile{padding-left:0px;}
.pro-qr-code{text-align:center; padding-bottom:20px;}
.pro-qr-code img{width:200px; height:auto;}
.cart-info .price{font-size:28px; text-align:center; display:block; padding:10px 0 20px;}
.cart-info .quantity{text-align:center;}
.cart-info .check-out{text-align:center; clear:both; display:block;}
.cart-info .check-out a{font-size:15px; width:100%; padding:10px 0px; margin-left:0px; display:block;}

/* 聯絡我們 */
.contact-body{padding:0;}
.contact-left{max-height:200px; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.contact-left img{width:100%; height:auto; margin-top:10px;}
a.btn-send{padding:5px 0; width:49%; margin:5px 1% 0 0; display:block; float:left;}
a.btn-reset{padding:5px 0; width:49%; margin:5px 0 0 1%; display:block; float:left;}
a.btn-send-over{padding:3px 0px; color:#fff; width:100%; display:block; float:left; margin-top:5px;}

/* 內頁架構 */
.page-main{padding:0;}
.left-menu-title{font-size:15px; border-top:1px dotted #999;}

/* 首頁產品 */
.index-pro ul li{width:98%; padding:1%; text-align:center; float:left;}

/* 首頁連結 */
.index-link ul li{float:left; width:50%; margin:0; padding:0; border:0;}

/* 內頁BANNER */
.inside-banner02{ border-bottom:2px #c36b7b dotted; padding:40px 0 0 0; margin:20px 0 0 0;}
.banner-title02{max-width:310px; font-size:20px; color:#fff; margin:-24px auto 0 auto;  padding:5px 10px; line-height:1.8em; text-align:center; background:#d71418;}
.banner-title07{ font-size:30px; color:#333; margin:0;  padding:40px 0 20px 0; line-height:0.8em; text-align:center; }
.banner-title07-en{ font-size:20px;font-family:arial;}



/* 首頁 搜尋 最新消息模組 */
.i-news{padding-left:0px;}
.i-news h3{border-bottom:1px #ccc solid;}

/* 會員登入 */
h3.login-title{margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B; text-align:center;}
.login-tool{text-align:center;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.member-signup{font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}

/* 版面欄位 */
.main{padding:0px 10px;}
.col-m{width:100%; margin-right:0%; float:none;}
.col-015, .col-020, .col-025, .col-030, .col-035, .col-040, .col-045, .col-050, .col-055, .col-060, .col-065, .col-070, .col-075, .col-080, .col-085{width:100%; margin-right:0%;}
.cor-015, .cor-020, .cor-025, .cor-030, .cor-035, .cor-040, .cor-045, .cor-050, .cor-055, .cor-060, .cor-065, .cor-070, .cor-075, .cor-080, .cor-085{width:100%;}
nav{display:none;}
@media screen and (max-width:640px){
	.slicknav_menu{display:block;}
	.js #menu{display:none;}
	.js .slicknav_menu{display:block;}
}
.menu{list-style:none;}
.menu li{color:#fff; width:100%; text-align:center; float:none;}

/* 訂位區塊 */
.info-box{font-size:14px; color:#7e7e7e; line-height:20px;}

/*** 定位-選項-時段 ***/
.order-opinion{width:100%; margin-right:0; float:none;}
.time{width:100%; float:none;}
.time ul li{margin:1% 1% 0 0; width:24%;}

/* 表單欄位 */
.opinion{border:1px #cbcbcb solid; clear:both;}
.opinion01{border:1px #cbcbcb solid; clear:both;}

.opinion-left01{background:#fbf5f5; float:left; width:100%; border:0px solid #cbcbcb; border-right:0; padding:8px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-radius:0; min-height:32px;border-bottom:1px solid #cbcbcb; }
.opinion-left02{background:#fbf5f5; float:left; width:100%; border:0px solid #cbcbcb; border-right:0; padding:8px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-radius:0; min-height:32px;border-bottom:1px solid #cbcbcb;}
.opinion-left03{background:#fbf5f5; float:left; width:100%; border:0px solid #cbcbcb; border-right:0; padding:8px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; border-radius:0; height: auto; min-height:32px;border-bottom:1px solid #cbcbcb;}
.opinion-left04{background:#fff; float:left; width:50px; border:0px solid #cbcbcb; border-right:0; padding:3px 20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:18px;  border-radius:0; min-height:26px;}


.input-style01, .input-main-style02, .input-main-style03, .input-main-style04,  .input-main-style06{float:none; width:100%; clear:both;}
.input-main-style02,.input-main-style04{ border:0px solid #cbcbcb;  border-radius:0; }
.input-main-style05{width: calc(100% - 50px);}
.input-main-style06{ padding:5px 20px; min-height:38px;border:0px solid #cbcbcb;  border-radius:0;}
.input-style01{border:0px solid #cbcbcb; padding:5px 20px; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; border-radius:0 5px 5px 0; margin-bottom:-5px;}

/* 頁次 */	
.page{height:100px;}
.page br{display:block;}

/* 底部資訊 */
footer .footer .bottom-info{float:right; width:98%; padding:10px 5px; margin:0 1%}

footer .footer .bottom-info ul li{float:left; font-size:15px; width:24%; line-height:1.6em; text-align:center; margin:0 .5%}
footer .footer .f-contect .information{ color:#fff; font-size:15px;line-height:1.6em; padding:0 20px 0 0;}