@charset "utf-8";
/* CSS Document */
body{ margin: 0px; padding: 0px; font:13px "Microsoft JhengHei","微軟正黑體","Apple LiGothic Medium","蘋果儷中黑", Arial, Helvetica, sans-serif; background: #FFF; }

.clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}

/* Overwrite Bootstrap CSS */
.checkbox-inline, .radio-inline { padding-right: 10px; padding-bottom: 12px; }
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-left: auto; }

.form-horizontal .form-group { margin-left: 0px; margin-right: 0px; }
.form-horizontal .control-label { text-align: left; padding-bottom: 7px; }

/****** Mobile View ******/

/*================== Start Global Setting ==================*/
body.noscroll{ overflow:hidden; }

.navbar-brand img{
width: 100%;
max-width: 146px;}

a:focus, a:hover {
color: #a96b6b;
text-decoration: underline;}


.navbar-toggle{padding: 20px 10px;}

	.footer-logo img
	{width: 100%;
    max-width: 146px;}




	.headline{
        width: 92%;
    font-size: 17px;
    color: #7d7d7d;
    letter-spacing: 3px;
    line-height: 30px;
    margin: 0 auto;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 5%;
    padding-top: 60%;}


.glyphicon {color: #fff;}
.btn-more-article{ color: #ffffff; font-family: 'Noto Serif TC', serif; font-weight:600; border: 0; width: 240px; height: 45px; background-color: #928381; font-size: 16px; letter-spacing: 3px; margin-top: 3%;}

.nav_txt {font-size:20px;color: #d4a4a4;}

/*================== Start  ==================*/

div.page-wrapper { width: 100%; margin: auto; }

div.iprimo-logo { width:100%; background:#928381; }
div.iprimo-logo img { width:24%; max-width:145px; padding:17px 0; }
.header-container { width:100%; max-width:1200px; margin:0 auto; position:relative; }
#header-visual { background: url(../images/mv-768.jpg); background-color:#eedfd8; background-repeat: no-repeat; background-size:100%; padding: 0; position: relative; }
div.mv-content { width:100%; max-width:560px; padding: 50% 15px 30px; margin: auto; }
div.mv-content img.mvtitle { width:100%; max-width:440px; margin-bottom:40px; }
div.mv-content p { font-size:16px; color:#4d403e; letter-spacing:3px; max-width:460px; width:100%; margin:0 auto; line-height: 30px; }
div.mv-content .mv-line { background-image:url(../images/title-line-1X.png); background-image: -webkit-image-set(url(../images/title-line-1X.png) 1x,url(../images/title-line-2X.png) 2x); background-repeat: no-repeat; background-position: center; height:29px; margin:20px 0; }
a.story-button { display: -webkit-inline-box; font-family: 'Noto Serif TC', serif; font-weight:600; background-image:url(../images/arrow-1x.png); background-image: -webkit-image-set(url(../images/arrow-1x.png) 1x,url(../images/arrow-2x.png) 2x); background-repeat: no-repeat; background-color:#928381; background-position: 225px 19px; color:#ffffff; font-size:16px; letter-spacing:3px; padding: 13px 47px 13px 30px; margin-top:30px;  }
a.story-button:hover, a.story-button:visited, a.story-button:focus { color:#ffffff; text-decoration:none; }

div.page-main { background: url(../images/article-bg.jpg); background-position: top center; background-repeat:repeat-y; padding: 20px 0; }



div.page-footer { width: 100%; background: #928381; text-align: center; font-size: 9pt; color: #AAA; letter-spacing: 1pt; padding: 30px 0px 10px; }

div.page-navbar { width: 94%; z-index: 1; margin: auto; max-width:1200px; padding: 0 1%; margin-bottom: 30px; }
div.page-navbar .nav-menu { border-bottom:1px solid #4d403e; }
.navbar-nav{ margin:0; float:none; }
.navbar-nav>li { display:inline-block; float:none;  cursor: pointer; margin: 0; width: 24%; }
.mobile-menu-li.active { border-bottom:4px solid #4d403e; }
.nav-option { padding: 35px 0px 8px; font-family: 'Noto Serif TC', serif; font-weight:300; letter-spacing: 1px; font-size: 14px; }

#filter-menu1 { background-image:url(../images/filter-bar-icon-1-1X.png); background-image: -webkit-image-set(url(../images/filter-bar-icon-1-1X.png) 1x,url(../images/filter-bar-icon-1-2X.png) 2x); background-repeat: no-repeat; background-position: center top; }
#filter-menu2 { background-image:url(../images/filter-bar-icon-2-1X.png); background-image: -webkit-image-set(url(../images/filter-bar-icon-2-1X.png) 1x,url(../images/filter-bar-icon-2-2X.png) 2x); background-repeat: no-repeat; background-position: center top; }
#filter-menu3 { background-image:url(../images/filter-bar-icon-3-1X.png); background-image: -webkit-image-set(url(../images/filter-bar-icon-3-1X.png) 1x,url(../images/filter-bar-icon-3-2X.png) 2x); background-repeat: no-repeat; background-position: center top; }
#filter-menu4 { background-image:url(../images/filter-bar-icon-4-1X.png); background-image: -webkit-image-set(url(../images/filter-bar-icon-4-1X.png) 1x,url(../images/filter-bar-icon-4-2X.png) 2x); background-repeat: no-repeat; background-position: center top; }

div.article-upper-block , div.article-lower-block { width: 100%; position:relative; }

div.article-block div.article-upper-block div.article-linkbtn { transition: background ease-in 0.3s; width:60px; height:60px; position:absolute; top:0; left:0; background: #4d403e; }
div.article-block div.article-upper-block div.article-linkbtn.article-tag-1 { background-image:url(../images/article-icon-weddingtips-1X.png); background-image: -webkit-image-set(url(../images/article-icon-weddingtips-1X.png) 1x,url(../images/article-icon-weddingtips-2X.png) 2x);  background-repeat: no-repeat; background-position: center; }
div.article-block div.article-upper-block div.article-linkbtn.article-tag-2 { background-image:url(../images/article-icon-proposed-1X.png); background-image: -webkit-image-set(url(../images/article-icon-proposed-1X.png) 1x,url(../images/article-icon-proposed-2X.png) 2x);  background-repeat: no-repeat; background-position: center; }
div.article-block div.article-upper-block div.article-linkbtn.article-tag-3 { background-image:url(../images/article-icon-overseas-1X.png); background-image: -webkit-image-set(url(../images/article-icon-overseas-1X.png) 1x,url(../images/article-icon-overseas-2X.png) 2x);  background-repeat: no-repeat; background-position: center; }


div.article-block:hover .article-upper-block .article-linkbtn { width:100%; height:100%; background:rgba(146,131,129,0.9); }
div.article-block:hover .article-upper-block .article-linkbtn.article-tag-1,
div.article-block:hover .article-upper-block .article-linkbtn.article-tag-2,
div.article-block:hover .article-upper-block .article-linkbtn.article-tag-3 { background-image:none; }
div.article-block:hover .article-upper-block .article-linkbtn:before { transition: all ease-in 0.3s; display:block; position:absolute; content:"了解更多"; font-family: 'Noto Serif TC', serif; color:white; font-weight:300; letter-spacing: 3px; font-size: 14px; left: 50%; top:45%; transform:translateX(-34px); }

nav.navbar-custom { margin-bottom: 0px; border: none; }

div.navbar-header { background: #d4a4a4; height: 74px; }

.navbar-default .navbar-toggle { border: none; }

.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; }

#page-navmenu { position: fixed; top: 50; right: 0; z-index: 2; width: 280px; height: 100%; background: rgba(255, 255, 255, 0.9); padding-left:0px; }



#page-navmenu ul.navbar-nav li.active { background: #eae2e2; }

div.nav-option p { font-size: 20px; padding: 15px 0px; }

.screen-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: transparent; }

div.content-container, div.content-container-dummy, div.content-container-storage { width: 94%; margin: auto; max-width: 1200px; }

div.article-container { width: 100%; }

div.article-block { max-width: 480px; margin: auto; margin-bottom: 20px; position: relative; }



div.article-thumb { width: 100%;  }
div.article-thumb img { width: 100%; }

div.article-content { width: 100%; padding: 35px 30px; background: #ffffff; overflow: hidden; border: 1px solid #e1e1e1; }
p.article-text-subject { font-family: 'Noto Serif TC', serif; font-weight:600; font-size: 20px; color: #333333; letter-spacing:3px;  }
p.article-text-desc { font-size: 15px; color: #666464; letter-spacing:2px; line-height: 25px; margin-bottom:0px; margin-top:20px; }



div.article-control { }

/*-- new tag css start here. --*/

div.content-container-newtag, div.content-container-dummy-newtag, div.content-container-storage-newtag {
	width: 94%; 
	margin: auto; 
	max-width: 1200px;
}

.section_stroke_newtag{
	/*hello*/
	margin: auto;
	margin-top: 60px;
	border-bottom: 1px solid #4d403e;
	width: 98%;
}
.section_title_newtag{
	margin: auto;
    width: 158px;
    font-size: 16px;
    letter-spacing: 3px;
    font-family: 'Noto Serif TC', serif;
    background-color: #f4f0ed;
    padding: 20px 20px 20px 60px;
    margin-top: -32px;
	background-image: url("../images/section_title_newtag_icon.png");
	background-position: 20px center;
	background-repeat: no-repeat;
	background-size: auto 30px;
}

.article-block-newtag{
	padding: 10px;
    font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
    color: #666464;
    background-color: #fff;
	border: 1px solid #e1e1e1;
    width: 98%;
    float: left;
    margin: 1%;
}

.article-left-block-newtag{
	width: 30%;
	float:left;
}

.article-thumb-newtag img{
	width:90%;
}

.article-right-block-newtag {
	width: 70%;
    text-align: left;
    float: right;
}
.article-text-subject-newtag{
	font-family: 'Noto Serif TC', serif; 
	font-weight:600; 
	font-size: 15px; 
	color: #333333; 
	letter-spacing:2px;
}

/*-- new tag css end. --*/

div.page-footer p { margin: 0px; padding: 0px 0px 10px; }

div.footer-upper, div.footer-lower { width: 90%; margin: auto; max-width: 500px; }

div.footer-logo { width: 46%; margin: 2% 0%; display: inline-block; }

div.back-to-top { width: 50px; bottom: 15px; right: 15px; position: fixed; }
button.btn-back-to-top { padding: 0px; margin: 0px; border: none; opacity: 0; }
div.back-to-top button.btn-back-to-top img { width: 100%; cursor: pointer; }

div.footer-declaimer { width: 90%; max-width: 960px; margin: auto; margin-top: 20px;  }
div.footer-declaimer p { color:#cdc1bf; letter-spacing: 1px; }
div.footer-declaimer p a { color:#cdc1bf; letter-spacing: 1px; }
div.footer-declaimer p a:hover, div.footer-declaimer p a:active, div.footer-declaimer p a:link { text-decoration: underline; }


.btn-type-text { border: none; background: transparent; }
.btn-type-text:focus, .btn-type-text:active { outline: 0; }

.confirm-box { display: none; width: 350px; height: 130px; }
.confirm-box div { text-align: center; }

.terms-reminder { display: none; width: 350px; height: 130px; }
.terms-reminder div { text-align: center; }

.terms_txt{font-size:15px; color:#666;}
.field_txt{font-size:18px; color:#666;}

.text-btn { background: transparent; border: none; padding: 0px; }
.text-btn:focus, .text-btn:active { outline: none; }

.btn-unsubcript { background: transparent; text-decoration: underline; padding: 0px; margin: 0px; border: none; }

.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; width: 94%; max-width: 500px; margin: 20px auto; font-size: 18px; }

.block { width: 100%; display: inline-block; position: relative; }

/*================== End Global Setting ==================*/

/****** End Mobile View ******/